سوف نتكلم ونقدم لكم الطريق الصحيح ومسار تعلمك لكي تصبح Full stack الكثير من المبرمجين سواء كانو مبرمجين واجهات امامية فرونت اند Front end يريدون ان يدرسو مسار الباك اند back end لكي يصبحو full stack والعكس صحيح هذا الكلام أيضا ينطبق علي مبرمجين الفرونت اند اليوم نسرد لكم الطريق لتتعلم كيفية الجمع بين المهنتين وتصبح مبرمج مواقع كامل Full stack

ما هو ال full stack :

- ينقسم عمل (مطور ويب) إلى 3 أقسام رئيسية ، وهي ال نهاية الخلفية والواجهة الأمامية والجامع الكامل. front end - back end -full stack

الجزء الخاص باليوزر او المستخدم يسمي (مطور الواجهة الامامية front end). الجزء الخاص بالسيرفر او الخادم او ما يسمي ما وراء الستار بمعني لايمكن للمستخدم رؤيته (مطور الواجهة الخلفية back end).

اذا مطور الواجهة الأمامية اذا جمع مع الواجهة الخلفية يصح = full stack
- بمعني انك تقوم بتحويل التصميم إلى صفحة HTML. بمعني انك تستلم صور الموقع او تصميم الموقع من الUI/UX وتقوم بتحويل هذا التصميم الي كود وانشاء صفحة متفاعلة
- ولكي تقوم بهذة المهمة يجب ان يكون لديك علم وخبرة مع ال java script وال CSS وال HTML و j-query بعد ذلك انت او العميل يريد ان يظهر الموقع علي محرك البحث وتأمين اموقع ماذا تفعل اذا عليك تعلم الباك اند ل
ولكي تعمل هذا يجب ان تتعلم لغة بتتعامل مع السيرفر لغة (PHP or ASP.net) في السائد في الشركات الكبيرة يطلبون المبرمج بالتخصص سواء فرونت اند او باك اند

- هناك شركات لا تستطيع توفير أكثر من شخص بتخصصاتهم لذلك تلجأ لـ Full-Stack Developer

- تتميز وظيفة ال Full-Stack Developer بارتفاع اجورها وطلبات الشركات علي هذا التخصص

ماذا أحتاج لكي اصبحى full stack محترف وبعض التقنيات الواجب تعلمها:

تحتاج الي الجمع بين مساري الفرونت اند و الباك اند وتم ذكرهم في المقالات السابقة

1-Introduction Layer

هو الجزء الخاص بال Front-End Developer والذي يتعامل فيه مع ال مستخدم الواجهة الامامية User Interface والجزء الذي يراه زائر الموقع ويحتاج للتقنيات التالية حتى يستطيع عمل هذا الجزء بعد الحصول على ال Sketches او التصميم من قبل الليدر او المصمم ورحلة المستخدم من ال UI/UX Designer. وهذه بعض المعلومات البسيطة عن كل تقنية ولغة تخص ال Front-End Developer

لغة HTML

حتى تستطيع عمل بنية الصفحة الأساسية من كلمات وجمل وصور وازرار الخ.. Markup

لغة تنسيق CSS

لتتمكن من التعامل مع الألوان والخطوط وتجميل التصميم بشك عام وتنسيقات الخطوط وال Visuals بصفة عامة

لغة JavaScript

حتى تستطيع عمل الجزء ال Interactive وال Calculation وكتابة ال Logic وعمل تصميم ديناميكي

Plan Framework اطار عمل

اطار عمل من الموجودين على الساحة وأشهرهم Bootstrap لتوفير الوقت الكبير في كتابة الاكواد والمجهود في بناء تصميم متكامل وعمل تصميم responsive اي متجاوب مع كل الشاشات

Pugjs

أو أي Template Engine آخر لتوفير الوقت كتابة أكواد ال Html وتستفيد بقوة ال JavaScript في كتابة ال Templates

Backtalk

أو أي PreProcessor آخر لتوفير الوقت في كتابة أكواد Css والإستفادة بقوة لغات البرمجة وللحصول على كود منظم أكثر.

JavaScript Framework اطارات عمل لغة الجافا سكريبت

اطار عمل من الموجودين على الساحة وأشهرهم ( .Angular, React, Vuejs ) مع المكتبات والإضافات المتاحة لكل اطار عمل مثل Redux, NuxtJs

jQuery مكتبة الجكويري

مكتبة خاصة بلغة الجافا سكريبت تساعدك وتوفر عليك الكثير من الأمور وفي حالة اخترت اطار عمل معين من النقطة السابقة يمكن الإستغناء عنها.

Gulpjs

أو أي Task Runner آخر يقوم بتوفير الوقت ويقوم بعمل المهام التي تقوم بعملها يوميا في عملك ويجعل تركيزك فقط على كتابة الكود.

JSON

ال JavaScript Object Notation لتتعلم كيفية التعامل مع البيانات وال APIs الموجودة في المشروع.

AJAX

لتستطيع التعامل مع ال Requests وال Calls وكل ما يخص ال APIs وسهولة التعامل و الربط

Quip

أو أي Testing Framework آخر لتقوم يعمل ال Unit Testing وهنك الكثير منها

2-Business Logic Layer

هو الجزء الخاص بال Back-End Developer مطور الواجهة الخلفية والذي يتعامل فيه مع البيانات وال Validation وبناء ال Services والبنية الخاص بالنظام وكل ما يخص ال Logic وفي هذا المسار هناك الكثير من لغات البرمجة حسب المسار الذي تختاره وهناك بعض المسارات كالتالي.

لغة PHP مع ( YII, Laravel, Symphony )

لغة Python مع ( Django, Flask, Web )

لغة Java مع ( Spring )

لغة Ruby مع ( ROR )

لغة C# مع ( .NET )

بيئة Nodejs مع ( Express ) الخاصة بلغة الجافا سكريبت

3-information base Layeri -Database قواعد البيانات

هو الجزء الخاص بالتعامل مع قواعد البيانات من انشاء وتعديل وعمل Tweaks وتحسين أداء ال Queries وهناك الكثير من قواعد البيانات التي يمكنك العمل عليها مثل:

MySQL

SQLServer

Prophet

MongoDB

4-بعض التقنيات التي يجب تعلمها لكي تصبح مطور محترف تعلمها

Git and Github

GraphQL

Rest API

Linux

Order Line

5-بعض المهارات التي لابد من تعلمها تعلمها

التفكير المنطقي

مهارات التواصل

الإبداع

مقارنة الوظيفة بالنسبة للشركات ,و أماكن العمل

سوف نقيس هذه المقارنة على Full-Stack, Front-End, Back-End كلهم خبرتهم نفس عدد السنوات 5 سنوات على سبيل المثال, وهذه المقارنة لا تنفع في جميع الشركات ولكنها مقارنة عامة تحتمل الصواب في شركة ويمكن أن تكون خطأ في شركة أخرى ولكنها لعرض الفكرة فقط.

2- ما هو الباك اند Back end | مسار تعلم الباك اند | عائلة التكنولوجيا

3- ما هي البرمجة -كيف أصبح مبرمج محترف | عائلة التكنولوجيا

4- ما هي لغة الجافا- مصادر تعلم الجافا | عائلة التكنولوجيا

5- لغة سي بلس بلس C++ | كورسات ومصادر تعلم C++ | عائلة التكنولوجيا